.newsdetail{background:{$newsdetail.back_color}; }
.newsdetail h1{text-align:center; margin-bottom:8px;}
.newsdetail article>div{margin-bottom:18px; text-align:center;}
.newsdetail article>div b{font-weight:inherit;}
.newsdetail article>div i{font-style:inherit; margin-right:18px;}
.newsdetail article>div i:last-child{margin:0;}
.newsdetail aside{margin-bottom:18px;} 
.newsdetail dir{padding-top:18px; border-top:1px solid #f0f0f0;}
.newsdetail dir:after{display:block; content:''; clear:both;}
.newsdetail dir>dl{display:block;}
.newsdetail dir>dl:after{display:block; content:''; clear:both;}
.newsdetail dir>dl:first-child{display:block;}
.newsdetail dir>dl:last-child{display:block;}
.newsdetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
.newsdetail dir>dl>dt b{font-weight:inherit;}
.newsdetail dir>dl>dd{float:left;}
.newsdetail dir>dl>dd i{font-style:inherit;}
.newsdetail .tag{margin-bottom:18px; text-align:left;}
.newsdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
.newsdetail .comment{margin-top:28px; text-align:left;}
@media(max-width:767px){
.newsdetail .tag{margin-bottom:8px;}
.newsdetail .tag a{margin-right:4px; padding:2px 8px;}
}
@media(min-width:992px){
.newsdetail{padding-top:28px; padding-bottom:28px;}
}
@media(max-width:991px){
.newsdetail{padding-top:18px; padding-bottom:18px;} 
.newsdetail .comment{margin-top:18px;}
}
@media(max-width:767px){
.newsdetail h1{font-size:24px; margin-bottom:4px;}
.newsdetail aside{margin-bottom:8px;} 
.newsdetail dir{padding-top:8px;}
.newsdetail article>div{margin-bottom:8px;}
}